*{ font-family: "微软雅黑";}

.zddiv1pp {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.zddiv1p {
	width: 90%;
}

.zddiv1 {
	display: inline-block;
	vertical-align: top;
	width: 16%;
}

.zddiv1s {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	line-height: 30px;
	padding-right:5px;
	padding-left:5px;
}

ul,ol{
	list-style: none;
}
a{
	text-decoration: none;
	color: inherit;
	transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s; 
	
}
li a{width: 100%;height: 100%;}
body{overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;box-sizing: }

button{cursor: pointer;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{clear: both;}
/*head*/
.header{
	margin: 0 auto;
	padding: 0;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main_container{
	width: 1500px;
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
}

/*top_bar*/
.top_bar{
	background: #e9e9e9;
	color: #666666;
	font-size: 14px;
	width: 100%;
	height: 40px;
	position: relative;
}
.top_bar .main_container{position: relative;}
.hua1{width: 366px;height: 160px;overflow: hidden;position: absolute;top: 0;left: -211px;}
.hua2{width: 353px;height: 85px;overflow: hidden;position: absolute;top: 75px;right: -250px;}
.f-fl{
	float: left;
	line-height: 40px;
}
.f-fr{
	float: right;
	line-height: 40px;
	
}
.f-fr_left{line-height: 40px;}
.f-fr_right{line-height: 40px;margin-left: 6px;}
.f-fr>span{float: left;margin: 0 10px;}
.fxl{cursor: pointer;position: relative;}
.fxl span{float: left;}
.fxl i{display: inline-block;float: left;margin-top: 8px;margin-right: 5px;}
i.ico_shouji{background: url("../images/shouji.png" ) no-repeat;width: 12px;height: 24px;}
.ter_box{position: absolute;left: 0;top: 40px;left: 50%;margin-left: -49.5px; width: 99px;height: 99px;z-index: 20;display: none;}
.ter_box img{width: 100%;height: 100%;}
.fxl:hover .ter_box{display: block;}
i.ico_weixin{background: url("../images/weixin.png" ) no-repeat;width: 24px;height: 24px;}
i.ico_dizhi{background: url("../images/dizhi.png" ) no-repeat;width: 24px;height: 24px;}
i.ico_china{background: url("../images/china.jpg" ) no-repeat;width: 24px;height: 15px;margin-top: 13px;}
i.ico_english{background: url("../images/english.jpg" ) no-repeat;width: 24px;height: 15px;margin-top: 13px;}
/*logobar*/
.logo_bar{
	width: 100%;
	height: 120px;
}
h3.logo {
	float: left;
	margin-top: 30px;
}
h3.logo img{float: left;}

.lbr{float: right;}
.msearch{
	
	margin-top: 35px;
	float: left;
	font-size: 12px;
	position: relative;
}
i.tline{display: block;width: 1px;height: 60px;background: #cccccc;float: left;margin: 30px;}

.msearch input{width: 200px;height: 30px;float: left;padding-left: 10px;padding-right: 25px;font-size: 14px; border: 1px solid #777777;outline:none;box-sizing:border-box;color: #cccccc;font-size: 14px;}
a.msousuo{display: block;position: absolute;right: 5px;top: 5px;background: url("../images/search.png" ) no-repeat;width: 20px ;height: 20px;}

.contact{margin-top: 24px;}
.contact_up h5{font-size: 16px;color: #777777;text-align: center;background: url("../images/cutiit.png" ) no-repeat center;}
.contact_down h3{font-size: 24px;color: #3C69C4;font-weight: bold;}

/*narbar*/
.top_nav {
    width: 100%;
    height: 60px;
    background: url("../images/bg_tn.jpg" ) no-repeat center;
    padding-top: 17px;text-align: center;
}
.top_nav .main_container{position: relative;}
ul.nav{display: inline-block;}
.nav .nLi h3{height: 100%;font-size: 16px;color: inherit;}
.nav .nLi h3 a{display:block;box-sizing: border-box;cursor: pointer;text-align: center;}


.nav_yc{
    display:none;
    position:absolute;
	top:45px;
    left: 50%;
    margin-left: -60px;
   width: 150px;
    padding: 10px 0;
    background: rgba(245,245,245,.8);
	font-size:14px;
	z-index:999;
}
.nav_yc li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 14px;
    position: relative;
    

}
.nav_yc li a{display: block;}
ul.nav li .nav_yc li:hover
{
	background: #3C69C4;color: #FFFFFF;
}

ul.nav>li{width: auto;height:49px;text-align:center;float:left;position:relative;display:inline;font-size: 16px;color: #FFFFFF;margin-right: 81px;}
ul.nav>li span{display: block;font-size: 12px;text-transform: uppercase;}
ul.nav>li:last-child{margin-right: 0;}
ul.nav>li.tab{color: #3C69C4;}
ul.nav>li.tab h3,ul.nav>li:hover h3{color: #fff; font-weight:800;font-size:20px }
ul.ul_san{position: absolute;top: 0px;left: 120px;display: none;background: #F5F5F5;width: 120px;font-size: 12px;}
.nav_yc li:hover ul.ul_san{display: block;}

/*banner*/
 

.mbanner{width:100%; height:600px;}
.mbanner .slideBox{ width:100%; height:600px; overflow:hidden; position:relative; }
.mbanner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -29px;}
.mbanner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mbanner .slideBox .hd ul li{ float:left; margin-right:15px;  width:14px; height:14px;  border-radius:50%; border:1px solid #3C69C4; cursor:pointer; }
.mbanner .slideBox .hd ul li.on{ background:#3C69C4;}
.mbanner .slideBox .hd ul li:last-child{margin-right: 0;}
.mbanner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.mbanner .slideBox .bd ul{height: 100%;width:100%}
.mbanner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.mbanner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.mbanner .slideBox .bd img{ width:100%; height:100%; display:block;  }

/**mproduct**/
.mproduct{background: url("../images/bg_mpro.jpg" ) no-repeat right top;padding-top: 50px;padding-bottom: 50px;}
.mpro_tit{text-align: center;}
.mpro_tit h6{font-size: 24px;color: #666666;font-weight: bold;}
i.ico_line{display: block;background: url("../images/ico_line.png" ) no-repeat;width: 176px;height: 12px;margin: 5px auto;}
.mpro_tit span{font-size: 16px;color: #999999;}
.mpro_list{margin-top: 30px;}
.mprol_u{overflow: hidden;}
.mu_l{width: 795px;height: 330px;border: 1px solid #999999;float: left;overflow: hidden;position: relative;}
.mu_l img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mu_l:hover img,.mu_r:hover img,.mprol_d ul li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mu_l:hover,.mprol_d ul li:hover{border-color: #3C69C4;}
.mu_l:hover h6,.mu_r:hover h6,.mprol_d ul li:hover h6{color: #3C69C4;}
.mu_l h6,.mu_r h6,.mprol_d ul li h6{font-size: 18px;color: #777777;font-weight: bold;position: absolute;left: 22px;bottom: 22px;line-height: 18px;} 
.mu_r,.mprol_d ul li{width: 390px;height: 330px;border: 1px solid #999999;float: right;overflow: hidden;position: relative;}
.mu_r img,.mprol_d ul li img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mprol_d{margin-top: 15px;}
.mprol_d ul{overflow: hidden;}
.mprol_d ul li{float: left;margin-right: 15px;}
.mprol_d ul li:last-child{margin-right: 0;}

/**mxcp**/
.mxcp{background: url("../images/bg_mxcp.jpg" ) no-repeat center top;margin:50px 0; padding:50px 0;}
.mxcp_con{margin-top: 30px;}

.picMarquee-left{ width:100%;  overflow:hidden; position:relative; }
		
		.picMarquee-left .bd{   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center;position: relative;  width:280px; height:300px;}
		.picMarquee-left .bd ul li .pic img{ margin-left:30px; width:220px; height:300px; display:block;  }
		.picMarquee-left .bd ul li .pic text{ position: relative;top: -50px;font-weight: 600; color:#0967C7;    margin-left: 30px;
    width: 220px;
    height: 50px;
    background: #fff;
    float: left; }
		.picMarquee-left .bd ul li .pic a:hover img{ }
		.picMarquee-left .bd ul li .title{display: none; width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(60,105,196,.85);padding: 20px;}
		
		.tt_nr{width: 100%;height: 100%;border: 1px solid #FFFFFF;color: #FFFFFF;padding-top: 80px;text-align: center;}
		.tt_nr>h6{font-size: 18px;}
		.tt_a{margin-top: 30px;margin-left:15px; overflow: hidden;display: inline-block;}
		.tta_l{float: left;width: 56px;text-align: center;}
		.tta_l:first-child{margin-right: 27px;}
		.tta_l i{margin: 0 auto;}
		i.ico_xiangqing{display: block;background: url("../images/xiangqing.png" ) no-repeat;width: 30px;height: 30px;}
		.tta_l span{font-size: 14px;}
		i.ico_shipin{display: block;background: url("../images/shipin.png" ) no-repeat;width: 30px;height: 30px;}
.picMarquee-left .bd ul li:hover .title{display: block;}

/**mabout**/
.mabout{margin-top: 50px;}
/*background: url("../images/bg.jpg" ) no-repeat right bottom;*/
.mabu_nr{overflow: hidden;margin-top: 30px;}
.mabu_l{float: left;width: 380px;height: 250px;overflow: hidden;position: relative;}
.mabu_l img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mabu_l:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mabu_l h2,.mabu_r h2
{
    text-align: center;
    font-size: 20px;
    line-height: 50px;
}


.sp_hd{width: 100%;height: 100%;background: rgba(0,0,0,.55);position: absolute;left: 0;top: 0;}
i.ico_play{display: block;background: url("../images/play.png" ) no-repeat;width: 56px;height: 68px;position: absolute;left: 50%;top: 50%;margin-left: -28px;margin-top: -34px;}
.mabu_r{width: 480px;float: right;margin: 10px;}
.mabu_r h6{font-size: 20px;color: #666666;font-weight: bold;margin: 20px 0;}
.jianjie{font-size: 14px;color: #444444;line-height: 30px;margin-bottom: 12px;height:180px;}
.jianjie p{
	word-break:break-all;display:-webkit-box; -webkit-line-clamp:7;
  -webkit-box-orient:vertical; overflow:hidden;
}
a.mabu_more{display: block;width: 120px;height: 30px;border: 1px solid #3C69C4;font-size: 14px;color: #3C69C4;text-align: center;line-height: 30px;}
a.mabu_more:hover{background: #3C69C4;color: #FFFFFF;}
.mabu_tab{background-size:100% auto; width: 100%;height: 94px;margin-top: 8px;padding-top: 27px;text-align: center;}
/*background: url("../images/bg_matab.jpg" ) no-repeat;*/
.mabu_tab ul{overflow: hidden;display: inline-block;}
.mabu_tab ul li{width: 140px;height: 40px;border: 2px solid #002e60;background: #FFFFFF;float: left;margin-right: 40px;text-align: center;line-height: 38px;font-size: 18px;color: #003268;}
.mabu_tab ul li:last-child{margin-right: 0;}
.mabu_tab ul li a{display: block;}
.mabu_tab ul li:hover{background: #002E60;color: #FFFFFF;}

/**mnews**/
.mnews{margin-top: 50px;padding-bottom: 70px;}
.mn_nr{margin-top: 30px;overflow: hidden;}
.mn_l{width: 580px;float: left;}
.mn_pic{width: 580px;height: 360px;overflow: hidden;position: relative;}
.mn_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mn_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mnl_date{width: 100px;height: 100px;background: rgba(60,105,196,.8);color: #FFFFFF;position: absolute;left: 0;top: 0;text-align: center;padding-top: 20px;}
.mnl_date h6{font-size: 28px;}
.mnl_date p{font-size: 22px;}
.mnl_txt{width: 580px;margin-top: 12px;}
.mnl_txt h6{font-size: 16px;color: #444444;font-weight: bold;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mnl_txt p{font-size: 14px;color: #666666;line-height: 24px;
word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mnl_txt:hover h6{color: #3C69C4;}
.mn_r{float: right;width: 580px;}
.mn_r ul{height:366px;}
.mn_r ul li{overflow: hidden;margin-bottom: 30px;}
.mn_date{float: left;color: #999;width: 78px;text-align: center;margin-right: 20px;}
.mn_date h6{font-size: 28px;}
.mn_date span{font-size: 22px;}
.mn_txt{width: 480px;float: left;}
.mn_txt h6{font-size: 16px;color: #444444;font-weight: bold;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mn_txt p{font-size: 14px;color: #666666;line-height: 24px;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mn_r ul li:hover .mn_txt h6{color: #3C69C4;}
.mn_r a.mabu_more{margin: 0 auto;}

/**footer**/
.footer{background: url("../images/bg_footer.jpg" ) no-repeat top right;padding-top: 30px;}
.ft_con{overflow: hidden;}
.ftc_l{float: left;margin-top: 35px;}
h6.ft_tit{font-size: 18px;color: #fff;font-weight: bold;}
.ft_lx{margin-top: 30px;width:395px;}
.ft_lx p{overflow: hidden;margin-bottom: 15px;}
.ft_lx p strong{display: inline-block;float: left;width: 18px;height: 18px;margin-right: 11px;margin-top: 3px;}
.ft_lx p span{display: inline-block;float: left;font-size: 14px;color: #fff;}
strong.ico_chuanzhen{background: url("../images/chuanzhen.png" ) no-repeat center;}
strong.ico_fttel{background: url("../images/fttel.png" ) no-repeat center;}
strong.ico_youxiang{background: url("../images/mail.png" ) no-repeat center;}
strong.ico_dianhua{background: url("../images/dianhua.png" ) no-repeat center;}
strong.ico_dizhi{background: url("../images/dizhi.png" ) no-repeat center;}

strong.ico_video{background: url("../images/video.png" ) no-repeat center;}

i.ico_shuxian{display: block;width: 1px;height: 200px;background: #fff;float: left;margin: 40px;}
.ft_m{width: 310px;float: left;text-align: center;}
.ft_er{overflow: hidden;margin-top: 20px;display: inline-block;}
.fte{float: left;width: 200px;text-align: center;}
.fte:first-child{margin-right: 20px;}
.fte_pic{width: 200px;height: 200px;}
.fte_pic img{width: 100%;height: 100%;}
.fte span{font-size: 14px;color: #fff;display: inline-block;margin-top: 10px;}
.ft_r{float: left;margin-top: 35px;}
.ft_r form{margin-top: 30px;}
.ft_r form p{position: relative;margin-bottom: 15px;}
.ft_r form p input[type=text],.ft_r form p textarea
{width: 320px;height: 40px;border: 1px solid #666666;box-sizing: border-box;background: #FFFFFF;padding-left: 10px;font-size: 14px;color: #999;outline: none;}

.ft_r form input[placeholder],.ft_r form [placeholder],.ft_r form *[placeholder] {
   color:#999 !important;font-size: 14px;
}
.ft_r form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;font-size: 14px;
}
.ft_r form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;font-size: 14px;
}
.ft_r form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;font-size: 14px;
}
.ft_r form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;font-size: 14px;
}

.ft_r form p textarea{height: 60px;padding-top: 14px;}
.ft_r form p input[type=submit]{width: 320px;height: 40px;border: 1px solid #3C69C4;background: no-repeat;outline: none;font-size: 16px;color: #3C69C4;cursor: pointer;}
.ft_r form p input[type=submit]:hover{background: #3C69C4;color: #333;}

.bq_con{overflow: hidden;height: 50px;line-height: 50px;background: url("../images/bq_on.png" ) no-repeat center top;}
.ftd_l p{font-size: 12px;color: #999999;position: relative;}
    .ftd_l p a:hover {
        color: #fff;
    }
.ftd_l{width:100%;text-align:center; float: left;}
.ftd_r{float: right;}
.ftd_r span{font-size: 12px;color: #999999;}
a.vl{width: 121px;height: 18px;display: inline-block;background: url("../images/vd.png" ) no-repeat;margin-right: 15px;}
a.vl:hover{background: url("../images/vd_on.png" )no-repeat;}
a.ws{width: 121px;height: 18px;display: inline-block;background: url("../images/ws.png" ) no-repeat;}
a.ws:hover{background: url("../images/ws_on.png" )no-repeat;}



.gif_bs
{
    position: absolute;    
    width: 240px;    
    margin-top: 360px;    
    margin-left: 800px;
}
.gif_bs a
{
    float:left
}





.abc_top_t
{
    width:100%;
    float:left;
}
.abc_top_t img
{
    width:25%;
    float:left;
}
.abc_top_t video
{
    width:50%;
    float:left;
}